:root {
  --vp-c-brand-1: var(--h-color-primary);
  --vp-c-brand-2: #265f99;
  --vp-c-brand-3: var(--h-color-primary);

  --vp-code-block-bg-light: #1e1e20;
  --vp-code-block-bg: #292b30;
  --component-preview-bg: var(--vp-code-block-bg);
  --component-preview-soft: var(--vp-code-block-bg-light);
}

body {
  color: var(--vp-c-text-1);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: var(--vp-c-text-1);
}

html:not(.dark) .vp-code span {
  color: var(--shiki-dark, inherit);
}
